<!DOCTYPE html>
<html>

<head>
	<title>星阁网络</title>
</head>

    <!--include "./src/header.html"-->
    <div class="banner container-fluid indexBanner">
      <div class="container">
        <p class="tit">星阁网络</p>
        <p class="sub">中小企业互联网价值营销服务商</p>
        <p class="txt">致力于打造新一代的智慧企业、智慧服务、智慧办公、智慧应用</p>
        <i class="icon b-down"></i>
      </div>
    </div>
    <div class="grayBg" style="overflow:visible !important;">
      <!-- 数字营销 -->
      <div class="contain80 box digital">
        <div class="about">
          <div class="about-con">
            <p class="tit">Xingge Web</p>
            <p class="sub">杭州星阁网络科技有限公司，总部位于杭州，秉承实现互联网价值营销的理念，以运营为核心，结合产品、技术、研发、营销、内容、创意等多维度，为客户提供综合型互联网价值营销新服务，帮助传统企业实现“互联网+”转型升级。</p>
            <p class="txt">旗下运营的解忧小二、解忧工场、解忧盒子三大平台隶属于杭州星阁网络科技有限公司旗下品牌，提供企业运营服务。公司整合全方位资源，倾力打造国内领先的中小微企业服务品牌解忧小二™。</p>
          </div>
          About us <span>2017年创立以来，星阁网络致力于成为互联网价值营销服务商 </span><a href="companyIntro.html" id="linkArrow" class="fr"><i class="icon"></i></a>
        </div>
        <div class="row">
          <div class="col-lg-7 col-md-7" id="digital-left">
            <div class="left">
              <div class="tit">数字营销</div>
              <span class="line"></span>
              <div class="txt">从H5制作，公众号及数字媒体投放，多平台实现 定制化、针对性的传播</div>
              <div class="tab-bar">
                <div class="bar active">H5</div>
                <div class="bar">媒介</div>
              </div>
              <div class="tab-con">
                <div class="content row" style="display:block;">
									<a href="h5.html"><div class="down pull-right"><img src="images/downBtn.png" alt=""></div></a>
                  <div class="intro">洞悉用户需求，精准搭建沟通"之桥</div>
                  <div class="con di-con">
                    <div class="imgBox">
                      <img src="images/loading.gif" data-original="images/digital-h5-img3.jpg" alt="">
                      <div class="mask"><img src="images/H5-1.jpg" alt=""></div>
                    </div>
                    <div class="in-tit">天翼账号</div>
                    <div class="in-txt">前期策划 / 文案撰写 / H5开发</div>
                    <div class="detail">Details <i class="icon r-right-s"></i></div>
                  </div>
                  <div class="con di-con">
                    <div class="imgBox">
                      <img src="images/loading.gif" data-original="images/digital-h5-img2.jpg" alt="">
                      <div class="mask"><img src="images/H5-2.jpg" alt=""></div>
                    </div>
                    <div class="in-tit">一汽马自达</div>
                    <div class="in-txt">前期策划 / 文案撰写 / H5开发</div>
                    <div class="detail">Details <i class="icon r-right-s"></i></div>
                  </div>
                </div>
                <div class="content">
									<a href="media.html"><div class="down pull-right"><img src="images/downBtn.png" alt=""></div></a>
                  <div class="tit media-tit">优质数字媒介资源，涵盖各行各业</div>
                  <span class="line"></span>
                  <div class="medias">
                    <p><b>腾讯：</b>广点通 微信朋友圈 腾讯视频 腾讯新闻</p>
                    <p><b>百度：</b>搜索引擎、网盟广告、百度百科、百度问答、百度贴吧</p>
                    <p><b>新浪：</b>新浪微博 新浪扶翼 新浪门户</p>
                    <p><b>SEM：</b>品牌专区 关键词竞价 SEO 首页排名 关键字优化</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-5 col-md-5 right" id="digital-right">
            <div class="r-img h5-img" style="display:block;"><img src="images/digital-h5-img1.jpg" alt=""></div>
						<div class="r-img media-img"><img src="images/digital-h5-img4.jpg" alt=""></div>
          </div>
        </div>
      </div>
      <!-- 互动开发 -->
      <div class="contain80 box interactDev interact interactBug addSlick">
        <div class="left">
          <div class="tit">互动开发</div>
          <span class="line"></span>
          <div class="down pull-right"><img src="images/downBtn.png" alt=""></div>
          <div class="txt">定制化应用和系统开发，拓展企业互联网时代 全新互动解决方案</div>
          <div class="tab-bar">
            <div class="bar active">ALL</div>
						<div class="bar">用户体验</div>
            <div class="bar">后台开发</div>
          </div>
          <div class="tab-con">
						<p>量身打造，开启“互联网+”发展新体验 </p>
						<div class="content" style="display:block;">
              <div class="row"  style="opacity:1;">
								<div class="col-md-4 col-sm-6 col-xs-12 list">
                  <a href="http://www.nonolady.com/#/Home" target="_blank">
										<div class="con">
	                    <div class="imgBox">
	                      <img src="images/dev1.jpg" alt="">
	                    </div>
	                    <div class="in-tit">NONOLADY</div>
	                    <div class="in-txt">用户体验 / 交互设计 / 后台开发</div>
	                    <div class="detail">Details <i class="icon r-right-s"></i></div>
	                  </div>
                  </a>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12 list">
                  <a href="http://jieyouxiaoer.com/" target="_blank">
										<div class="con">
	                    <div class="imgBox">
	                      <img src="images/dev2.jpg" alt="">
	                    </div>
	                    <div class="in-tit">解忧小二</div>
	                    <div class="in-txt">用户体验 / 交互设计</div>
	                    <div class="detail">Details <i class="icon r-right-s"></i></div>
	                  </div>
                  </a>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12 list">
                	<a href="product-factory.html" target="_blank">
										<div class="con">
	                    <div class="imgBox">
	                      <img src="images/dev3.jpg" alt="">
	                    </div>
	                    <div class="in-tit">解忧工场</div>
	                    <div class="in-txt">前端开发 / 后台设计</div>
	                    <div class="detail">Details <i class="icon r-right-s"></i></div>
	                  </div>
                	</a>
                </div>
								<div class="col-md-4 col-sm-6 col-xs-12 list">
                  <a href="http://www.zuche01.com/" target="_blank">
										<div class="con">
	                    <div class="imgBox">
	                      <img src="images/dev4.jpg" alt="">
	                    </div>
	                    <div class="in-tit">和谐租车</div>
	                    <div class="in-txt">后台设计 / 后台开发</div>
	                    <div class="detail">Details <i class="icon r-right-s"></i></div>
	                  </div>
                  </a>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12 list">
                  <a href="http://www.hzwotu.com/" target="_blank">
										<div class="con">
	                    <div class="imgBox">
	                      <img src="images/dev5.jpg" alt="">
	                    </div>
	                    <div class="in-tit">沃土股份</div>
	                    <div class="in-txt">后台设计 / 后台开发</div>
	                    <div class="detail">Details <i class="icon r-right-s"></i></div>
	                  </div>
                  </a>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12 list">
                  <a href="http://live.busionline.com/activity/index/tag/4.html" target="_blank">
										<div class="con">
	                    <div class="imgBox">
	                      <img src="images/dev6.jpg" alt="">
	                    </div>
	                    <div class="in-tit">来福直播</div>
	                    <div class="in-txt">后台设计 / 后台开发</div>
	                    <div class="detail">Details <i class="icon r-right-s"></i></div>
	                  </div>
                  </a>
                </div>
              </div>
            </div>
						<div class="content">
							<div class="row">
                <div class="col-md-4 col-sm-6 col-xs-12 list">
                  <a href="http://www.nonolady.com/#/Home" target="_blank">
										<div class="con">
	                    <div class="imgBox">
	                      <img src="images/dev1.jpg" alt="">
	                    </div>
	                    <div class="in-tit">NONOLADY</div>
	                    <div class="in-txt">用户体验 / 交互设计 / 后台开发</div>
	                    <div class="detail">Details <i class="icon r-right-s"></i></div>
	                  </div>
                  </a>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12 list">
                  <a href="http://jieyouxiaoer.com/" target="_blank">
										<div class="con">
	                    <div class="imgBox">
	                      <img src="images/dev2.jpg" alt="">
	                    </div>
	                    <div class="in-tit">解忧小二</div>
	                    <div class="in-txt">用户体验 / 交互设计</div>
	                    <div class="detail">Details <i class="icon r-right-s"></i></div>
	                  </div>
                  </a>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12 list">
                	<a href="product-factory.html" target="_blank">
										<div class="con">
	                    <div class="imgBox">
	                      <img src="images/dev3.jpg" alt="">
	                    </div>
	                    <div class="in-tit">解忧工场</div>
	                    <div class="in-txt">前端开发 / 后台设计</div>
	                    <div class="detail">Details <i class="icon r-right-s"></i></div>
	                  </div>
                	</a>
                </div>
              </div>
            </div>
            <div class="content">
							<div class="row">
                <div class="col-md-4 col-sm-6 col-xs-12 list">
                  <a href="http://www.zuche01.com/" target="_blank">
										<div class="con">
	                    <div class="imgBox">
	                      <img src="images/dev4.jpg" alt="">
	                    </div>
	                    <div class="in-tit">和谐租车</div>
	                    <div class="in-txt">后台设计 / 后台开发</div>
	                    <div class="detail">Details <i class="icon r-right-s"></i></div>
	                  </div>
                  </a>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12 list">
                  <a href="http://www.hzwotu.com/" target="_blank">
										<div class="con">
	                    <div class="imgBox">
	                      <img src="images/dev5.jpg" alt="">
	                    </div>
	                    <div class="in-tit">沃土股份</div>
	                    <div class="in-txt">后台设计 / 后台开发</div>
	                    <div class="detail">Details <i class="icon r-right-s"></i></div>
	                  </div>
                  </a>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12 list">
                  <a href="http://live.busionline.com/activity/index/tag/4.html" target="_blank">
										<div class="con">
	                    <div class="imgBox">
	                      <img src="images/dev6.jpg" alt="">
	                    </div>
	                    <div class="in-tit">来福直播</div>
	                    <div class="in-txt">后台设计 / 后台开发</div>
	                    <div class="detail">Details <i class="icon r-right-s"></i></div>
	                  </div>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 团队介绍 -->
      <div class="contain80 teamIntro fullH">
        <div class="row">
          <div class="col-md-7 img"><img src="images/teamIntro.jpg" alt=""></div>
          <div class="col-md-5 text">
            <div class="inner">
              <p class="tit">团队介绍（Team）</p>
              <span class="line"></span>
              <p class="txt">我们汇集了一群富有互联网思维，而又在各自领域有独到见解和突出专长的人士，敢想、能做、勇于突破，一切只为兑现对用户的承诺！</p>
            </div>
						<a href="companyIntro.html"><div class="down pull-right"><img src="images/downBtn.png" alt=""></div></a>
          </div>
        </div>
      </div>
      <!-- 新闻动态 -->
      <div class="contain80 box interactDev news addSlick">
        <div class="left">
          <div class="tit">新闻动态</div>
          <span class="line"></span>
          <a href="news.html"><div class="down pull-right"><img src="images/downBtn.png" alt=""></div></a>
          <div class="txt">让价值共享 记录企业发展脚步</div>
          <div class="tab-con">
            <div class="content news-content">
              <div class="row">
                <div class="col-md-4 col-sm-6 col-xs-12 list">
                  <a href="newsDetail.html">
										<div class="con">
	                    <div class="imgBox">
	                      <img src="images/news1.jpg" alt="">
	                    </div>
	                    <div class="in-tit">IPEI亮相大学生创业就业服务资源对接会</div>
	                    <div class="in-txt">杭州沃土教育科技股份有限公司联合承办的杭州市大学生创业就业服务资源对接会...</div>
	                    <div class="detail">Read more <i class="icon r-right-s"></i></div>
	                  </div>
                  </a>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12 list">
                  <a href="newsDetail3.html">
										<div class="con">
	                    <div class="imgBox">
	                      <img src="images/news2.jpg" alt="">
	                    </div>
	                    <div class="in-tit">“互联网+就业服务”助力就业扶贫项目</div>
	                    <div class="in-txt">沃土股份董事长祝孝林在接受媒体采访时表示，扶贫工作价值深远，“造血扶贫”更是意义重大 ...</div>
	                    <div class="detail">Read more <i class="icon r-right-s"></i></div>
	                  </div>
                  </a>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12 list">
                  <a href="newsDetail4.html">
										<div class="con">
	                    <div class="imgBox">
	                      <img src="images/news3.jpg" alt="">
	                    </div>
	                    <div class="in-tit">创业教育体系“沃土智造”引发高度关注</div>
	                    <div class="in-txt">杭州沃土教育科技股份有限公司董事长祝孝林在向与会者介绍完公司整体概况后 ...</div>
	                    <div class="detail">Read more <i class="icon r-right-s"></i></div>
	                  </div>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 媒体资源 -->
      <div class="contain80 box mediaRes">
        <div class="left">
          <div class="tit">媒体资源</div>
          <div class="txt">建立主流和知名媒体战略合作矩阵，多渠道、多频率推广投放</div>
          <div class="row">
            <div class="col-md-2 col-sm-4 col-xs-4"><img src="images/medias1.jpg" alt=""></div>
            <div class="col-md-2 col-sm-4 col-xs-4"><img src="images/medias2.jpg" alt=""></div>
            <div class="col-md-2 col-sm-4 col-xs-4"><img src="images/medias3.jpg" alt=""></div>
            <div class="col-md-2 col-sm-4 col-xs-4"><img src="images/medias4.jpg" alt=""></div>
            <div class="col-md-2 col-sm-4 col-xs-4"><img src="images/medias5.jpg" alt=""></div>
            <div class="col-md-2 col-sm-4 col-xs-4"><img src="images/medias6.jpg" alt=""></div>
          </div>
        </div>
      </div>
    </div>
    <!--include "./src/footer.html"-->
  <script type="text/javascript" src="static/jquery.lazyload.min.js"></script>
	<script type="text/javascript">
    $("img").lazyload({
      threshold:500
    });
		$(document).ready(function() {
      //首页判断,如果大屏下动画部分已经展现
      var screenH=document.documentElement.clientHeight;
      var winScrollTop=$(document).scrollTop();
      var aboutTop=$('.about').offset().top;
      var s0=aboutTop-screenH-winScrollTop;
      var timer;
      clearInterval(timer);
      timer=setInterval(function () {
          if(s0<0){
              $(".digital .about-con").addClass("active");
              clearInterval(timer);
          }
      },100);

      $(document).on("scroll",function () {
        var screenH=document.documentElement.clientHeight;
        var winScrollTop=$(document).scrollTop();
        var aboutTop=$('.about').offset().top;
        var s1=aboutTop-screenH-winScrollTop;
          if(s1<0){
            $(".digital .about-con").addClass("active");
          }
      })
		})
	</script>

</body>

</html>
